<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>New Codington</title>
<link type="text/css" rel="stylesheet" href="css/mystyle.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
    <script src="js/login.js"></script>
</head>
<body >

 <div id="container"> <!--para centrar cuadro-->
   <!-- Login Starts Here -->
   <header>
   <nav>
  <ul class="">
  <li id="logo" ><img src="./images/logo2.jpg"></li>
 
<%   Object iD = session.getAttribute("iDVisitor");
int id= (Integer) iD; 
		    
if (id==1){%>

 <li id="ref1"><a href="neweventregistrationadd.jsp">Register event</a></li> 
<li id="ref1"><a href="createplace.jsp">Create new place</a></li> 
<li id="ref1"><a href="modifypassword.jsp">Update password</a></li>
<li id="ref1"><a href="update.jsp">Update information</a></li> 

   <% }else{%>
<li id="ref1"><a href="ViewMyEventServlet">My Events</a></li> 
<li id="ref1"><a href="modifypassword.jsp">Update password</a></li>
<li id="ref1"><a href="update.jsp">Update information</a></li>  


<%} %> 

</ul>
</nav>
</header>
<%String usu=(String)session.getAttribute("username"); %>
<% String pass=(String)session.getAttribute("password"); %>
<div id="loginContainer">
				  <% if (usu.isEmpty()){ %>
            
			<!-- <a href="#" id="loginButton"><span>OutLogin</span><em></em></a> -->
                <a href="#" id="loginButton"><span>Login</span><em></em></a> 
                <div style="clear:both"></div>
                <div id="loginBox">                
                    <form id="loginForm" class="LoginServlets" action="LoginServlets" method="post">
                        <fieldset id="body">
                            <fieldset>
                          
                                <label for="username">Username</label>
                                <input type="text" name="username" id="username" />
                            </fieldset>
                            <fieldset>
                                <label for="password">Password</label>
                                <input type="password" name="password" id="password" />
                            </fieldset>
                            <input type="submit" id="login" value="Sign in" />
                            <label for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
                        </fieldset>
                         
                    </form>
                   
                </div>
                  
                 <%}
			else{%>
				<form class="UpdatePassServlet" action="LogoutServlet" method="GET" >
			<input id="loginButtonOut" type="submit" value="Logout" />
				<!-- <a href="LogoutServlet" id="loginButtonOut" ><span>Logout</span><em></em></a> -->
				<h3> Bienvenido <%=usu%></h3> 
				</form>
				 
			<%} %>
            
                
                  
                 
          </div>
    </div>
	
		<div id="columna">
		
	<div class="Sub_title">
	
        <p>MENU</p>
   	</div>
	
	<div id="header2">
	<ul class="nav2">
		<ul>
			<li><a href="mainpage2.jsp">Home</a></li>
			<br>
			<li><a href="history.jsp">History</a></li>
			<br>
			<li><a href="">North City<br></a>
			<br>
			<ul>
			<div class="menunorth">
			<li><a href="EventByPlaceServletMuseum?type=Museum">Museum</a></li>
			<br>
			<li><a href="EventByPlaceServletTheater?type=Theater">Theater</a></li>
			<br>
			<li><a href="EventByPlaceServletStadium?type=Stadium">Stadium</a></li>
			<br>
			<li><a href="EventByPlaceServletBusiness?type=large Business">Large Business</a></li>
			</div>
			</ul>
			</li>
			<li><a href="">South City</a>
			<ul>
			<div class="menusouth">
			<li><a href="EventByPlaceServletZoo?type=Zoo">Zoo</a></li>
			<br>
			<li><a href="EventByPlaceServletPark?type=Park">Park</a></li>
			<br>
			<li><a href="EventByPlaceServletAttraction?type=Tourist Attraction">Turist Attraction</a></li>
			<br>
			<li><a href="EventByPlaceServletMarket?type=Traditional Market">Traditional Market</a></li>
			</div>
			</ul>
			</li> 
		</ul>
	</div>
	
	</div>
	<div id="north">
		<a href="EventByPlaceNServlet?type1=Stadium&type2=Museum&type3=Theater&type4=Large Business">North</a>
	</div>
	
	<div id="south">
		<a href="EventByPlaceSServlet?type1=Zoo&type2=Park&type3=Tourist Attraction&type4=Traditional Market">South</a>
	</div>
	
	

</body>
</html>
